import React from 'react'
import {useEffect,useState} from "react"
// 富文本，就是一种超级的文本，他可以自带样式
function Content({arr}) {
  let [newarr,setnewArr] = useState([])
  useEffect(()=>{ // 便利arr 将 item.tit 转化为富文本
   let newarr1 = arr.map((item)=>{
         item.tit = item.tit.replace(item.tit,`<span style="color:red">${item.tit}</span>`)
         return item
     })
     console.log(arr);
     console.log(newarr1);
    //  console.log(arr1)
     //  setnewArr(newarr1)
  },[])
  return (
    <div className='content1'>
        {
            arr && arr.length ? arr.map((item,index)=>{
                return <dl key={index}>
                    <dt>
                        <img src={item.img} alt="" />
                    </dt>
                    {/* 杠杠html */}
                    <dd dangerouslySetInnerHTML={{__html:item.tit}}></dd>
                </dl>
            }):"暂无数据"
        }
    </div>
  )
}

export default Content